var eprve = document.querySelector('.prve'); //获取右击
var enext = document.querySelector('.next'); //获取左击
var esico = document.getElementById('icolist').getElementsByTagName('li'); //获取li
var eicolist = document.querySelector('#icolist'); //获取icolist
var eimglist = document.querySelector('#imgList'); //获取imglist
var left = 0; //获取向左偏移量
var timer;  //设置时间
run(); 
function run(){//设置run启动函数
	if(left <= -2800){ //当所有图片到底时，回到起点
		left = 0;
	}
	var m = Math.floor(-left / 700); //获取当前是图片几
	imgList.style.marginLeft = left + 'px'; //设置向左移动
	var n = (left % 700 == 0) ? n = 2500 :n =10; //当移动至新图片时，设置时间，用于增加时间使得图片停止移动
	left -= 10;
	timer = setTimeout(run,n)
	icochange(m);
}
function imgchange(n){ //用于左右点击更改图片移动方向
	let lt = - (n*700);
	imgList.style.marginLeft = lt + 'px';
	left = lt;
}
eprve.onclick = function(){
	let prevgo = Math.floor(-left / 700) - 1;
	if(prevgo ==-1){
		prevgo=3;
	}
	imgchange(prevgo);
}
enext.onclick = function(){
	let nextgo = Math.floor(-left / 700) + 1;
	if(nextgo == 4){
		nextgo=0;
	}
	imgchange(nextgo);
}
function icochange(m){ //使得圆点随图片位置变红
	for(let index = 0;index < esico.length;index++){
		esico[index].style.backgroundColor='';
	}
	if(m < esico.length){
		esico[m].style.backgroundColor = 'red';
	}
}
eicolist.onclick = function(){ //点击圆点进行切换图片	
	var tg = event.target;
	let ico = tg.innerHTML-1;
	imgchange(ico);
	icochange(ico);
}
eimglist.onmouseover = function(){ //触碰停止自动播放
	clearTimeout(timer);
}
eimglist.onmouseout = function(){ // 移出进行自动播放
	run();
}
